import React, { Component } from 'react'

export default class Parent extends Component {
    state={car:'奔驰'}
    changCar=()=>{
        this.setState({car:'玛莎拉蒂'})
    }
    //作为数据更新的阀门 
    shouldComponentUpdate(nextProps,nextState){
        // if(this.state.car===nextState.car){
        //     return false
        // }else{
        //     return true
        // }
        // 精简写法
        return !this.state.car===nextState.car
    }
    render() {
        return (
            <div>
                <h3>我是parent组件,车:{this.state.car}</h3>
                <button onClick={this.changCar}>换车</button>
                <Child car={this.state.car}></Child>
            </div>
        )
    }
}
class Child extends Component {
    //作为数据更新的阀门 
    shouldComponentUpdate(nextProps,nextState){
        // if(this.props.car===nextProps.car){
        //     return false
        // }else{
        //     return true
        // }
        return !this.props.car===nextProps.car
    }
    render() {
        return (
            <div>
             <h3>我是child组件,车：{this.props.car} </h3>   
            </div>
        )
    }
}